(function () {
    return {
        initControl: function (oControl) {
            var v = oControl.value;
            v.url = "";
            v.sizemode=0;//[auto,fill,16x16,24x24,32x32,48x48,64x64]
            v.isround=false;
        },
        compile: function (compileContext, doc,entity) {
            var cc = compileContext;
            var tc = cc.templateCoder;

            var v = entity.value;
            if( v.sizemode===0 ){
                tc.add("<img src='"+v.url+"'");
                if( v.isround ){
                    tc.add(" class='is-rounded'");
                }
                tc.add("/>");
            }else if( v.sizemode===1){
                tc.add("<img src='"+v.url+"' class='cover-image");
                if( v.isround ){
                    tc.add(" is-rounded");
                }
                tc.add("'/>");
            }else{
                tc.add("<div class='image ");
                var mode=['16x16','24x24','32x32','48x48','64x64'];
                tc.add("is-"+mode[v.sizemode]);
                tc.add(">");
                tc.add("<img src='"+v.url+"' class='cover-image");
                if( v.isround ){
                    tc.add(" is-rounded");
                }
                tc.add("'/>");
                tc.add("</div>");
            }
        }
    }
})();